.btnt{
  margin: 2% 2% 10% 2%;

}
.model{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  z-index: 100;
  display: none;
}
.model2{
  position: fixed;
  width: 40%;
  height: 30%;
  margin-left: 30%;
  margin-top: 15%;
  background: #fff;
  z-index: 999;
  display: none;
  border-radius: 15px;
  box-shadow: 1px 1px  50px #a0a0a0;
}
.model2 input{
  width: 70%;
  margin-left: 15%;
  margin-top: 1%;
}
.word{
  font-size: 150%;
  margin: 2% 2% 5% 2%;
  line-height: 1.428571429;
  font-weight: bold;

}
.word2{
  text-align: center;
  margin-top: 5%;
  font-size: 150%;
  font-weight: bold;

}
.model2 .butt{
  margin-left: 15%;
  float: left;
}
.model2 .butt2{
  float: right;
  margin-right: 15%;
}
.success{
  position: fixed;
  width: 40%;
  height: 30%;
  margin-left: 30%;
  margin-top: 15%;
  background: #fff;
  z-index: 999;
  display: none;
  border-radius: 15px;
  box-shadow: 1px 1px  50px #a0a0a0;  
}
.error{
  position: fixed;
  width: 40%;
  height: 30%;
  margin-left: 30%;
  margin-top: 15%;
  background: #fff;
  z-index: 999;
  display: none;
  border-radius: 15px;
  box-shadow: 1px 1px  50px #a0a0a0;  
}
.con{
  margin-left: 45%;
  margin-top: 10%;
}
@media screen and (max-device-width:700px){
  .model2{
    height: 35%;
    width: 80%;
    margin-top: 50%;
    margin-left: 10%;
  }
  .word{
    text-align: center;
    font-size: 100%;
  }
  .success{
    height: 30%;
    width: 80%;
    margin-top: 50%;
    margin-left: 10%;
  }
  .error{
    height: 30%;
    width: 80%;
    margin-top: 50%;
    margin-left: 10%;
  }
  .con{
    margin-left: 30%;
  }
}
.fl{
	float: right;
	
}
@media screen and (max-device-width:700px){
	.fl{
		display: none;
	}
}